<template>
    <div class="marker-con">
        <div class="marker-layer_title">
            <span>地图标注</span>
        </div>
        <div class="marker_close" @click="doCloseMarkerPopup"></div>
        <div class="marker-form-con">
            <el-form ref="form" :model="sizeForm" label-width="60px" size="mini">
                <el-form-item label="名称">
                    <el-input v-model="sizeForm.name"></el-input>
                </el-form-item> 
                <el-form-item label="经纬度">
                    <el-input v-model="sizeForm.lon" :disabled="true" placeholder="请在地图选择标注"></el-input>
                </el-form-item> 
                <!-- <el-form-item label="纬度">
                    <el-input v-model="sizeForm.lat" :disabled="true"></el-input>
                </el-form-item>  -->
                <el-form-item label="备注">
                    <el-input v-model="sizeForm.note"></el-input>
                </el-form-item> 
                <el-form-item >
                    <el-button type="primary">保存</el-button>
                    <el-button>取消</el-button>
                </el-form-item>
            </el-form>
            
        </div>
      
    </div>
  </template>
  
  <script>
  export default {
    name: "MarkerPopup",
  
    data() {
      return {
        selectShow: false,
        sizeForm: {
          name: '',
          lon: '',
          lat: '',
          note: '',
        }
      };
    },
  
    mounted() {},
  
    methods: {
        onSubmit() {

        },
        doCloseMarkerPopup() {
            this.$parent.doSetIsShowPopup();
        }
    },
  };
  </script>
  
  <style lang="scss" scoped>
    .marker-con {
        // width: 301px;
        // color: #ffffff;
        // background: url("../assets/panelTree/dtml_bg.png") no-repeat;
        // background-size: 100% 100%;
    }

    .marker-layer_title{
        width: 280px;
        height: 35px;
        box-sizing: border-box;
        background: url("@/assets/panelTree/dtml_bg_title.png") no-repeat;
        font-family: SourceHanSansCN-Regular;
        font-size: 18px;
        background-size: 100% 100%;
        text-align: left;
        padding-left: 50px;
        line-height: 40px;
        // background-color: red;
        margin: 10px 0 0 10px;
    }

    .marker-layer_title span {
        font-family: SourceHanSansCN-Regular;
        font-size: 18px;
        color: #c8e9ff;
    }

    .marker_close {
        width: 14px;
        height: 15px;
        background: url('@/assets/poipopup/poi_popup_close.png');
        position: relative;
        top: -26px;
        left: 264px;
        cursor: pointer;
    }

    .marker-form-con {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 10px;
    }
  </style>
  